<template>
  <div>
    <h1>{{content}}</h1>
  </div>

</template>


<script>
export default {
  data() {
    return {
      content: ''
    };
  },
  mounted() {
    this.axios.post('http://api.komavideo.com/news/list').then(body => {
      this.content = body.data[0].title;
    });
  }
};
</script>

<style scoped>
.pre {
  /* white-space: pre-wrap; */
  word-break: all;
  padding: 10px 10px;
  margin: 0;
  /* overflow: hidden; */
}
.new-title {
  font-size: 16px;
  color: black;
  font-weight: 800;
}
.new-content {
  /* //首先缩进 */
  text-indent: 1.5em;
  /* //只显示4行 */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 14px;
  font-size: 14px;
  padding: 5px 5px 0px 5px;
  margin: 0;
}
.new-link {
  display: inline-block;
  line-height: 12px;
  font-size: 12px;
  color: red;
  padding: 5px 5px;
  margin: 0;
  cursor: pointer;
}
</style>
